<template>
  <div>
    <header>
      <van-nav-bar :style="{ background: cd }" title="学生记事本" z-index="100">
        <template #right>
          <van-icon class="icon" @click="showdb" name="wap-nav" size="18" />
        </template>
      </van-nav-bar>
    </header>
  </div>
</template>

<script>
export default {
  props: ["cd"],
  data() {
    return {};
  },
  methods: {
    showdb() {
      this.$emit("showdb");
    },
  },
};
</script>

<style lang="scss" scoped>
.icon{
  color: #fff;
}
</style>
